<!DOCTYPE html>
<html class="no-js css-menubar" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
        <meta name="description" content="bootstrap admin template">
        <meta name="author" content="">
        <script type="text/javascript" src="../_resource/js/header.js"></script>
        <script>
            var RUN_FUNCS = [];
            var SITE_URL = "http://admin.html.me";
            var CURR_CONTROLLER = "Company";
            var CURR_ACTION = "add";
            Breakpoints();
        </script>
        <style type="text/css">
            .list-table table td, .list-table table th{background:#fff; text-align:center;}
            .__access{display: none;}
        </style>
    </head>
    <body class="dashboard">
        <!--[if lt IE 8]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <nav class="site-navbar navbar navbar-default navbar-fixed-top navbar-mega" role="navigation" id="navbardefaultmodel">
            <script type="text/javascript" src="../_resource/js/include.js" onload="HM.SomeFun('head_html')"></script>
        </nav>
        <div class="site-menubar">
            <div class="site-menubar-body" id="site-menubar-body">
                <script type="text/javascript" src="../_resource/js/include.js" onload="HM.SomeFun('nav_html')"></script>
            </div>
        </div>

        <!-- Page -->
        <div class="page">
            <div class="page-content container-fluid">

                <div class="panel form-box" style="">
                    <div class="panel-body">
                        <form class="validate-form ajax-form" id="bossjobForm">
                            <div class="row row-lg">
                                <div class="col-lg-6 form-horizontal">
                                    <div id="name-form-item" class="form-group" style="">
                                        <label for="name" class="control-label ">Name<span class="required">*</span>:</label>
                                        <div>
                                            <input type="text" name="name" id="name" class="form-control " style="" placeholder=""  value="" />
                                        </div>
                                    </div>
                                    <div id="industry-form-item" class="form-group" style="">
                                        <label for="industry" class="control-label">Industry:</label>
                                        <div>
                                            <select class="form-control form-control-sm" name="industry_key">
                                                <option value="accounting_and_finance" >Accounting &amp; Finance</option>
                                                <option value="advertising" >Advertising</option>
                                                <option value="call_center" >Call Center</option>
                                                <option value="consumer_products" >Consumer Products</option>
                                                <option value="engineering" >Engineering</option>
                                                <option value="financial_services" >Financial Services</option>
                                                <option value="government" >Government</option>
                                                <option value="healthcare" >Healthcare</option>
                                                <option value="human_resources" >Human Resources</option>
                                                <option value="information_technology" >Information Technology</option>
                                                <option value="insurance" >Insurance</option>
                                                <option value="legal" >Legal</option>
                                                <option value="manufacturing" >Manufacturing</option>
                                                <option value="non-profit_organisation" >Non-Profit Organisation</option>
                                                <option value="real_estate" >Real Estate</option>
                                                <option value="retail" >Retail</option>
                                                <option value="service_and_admin" >Service &amp; Admin</option>
                                                <option value="tourism" >Tourism</option>
                                                <option value="training_and_education" >Training &amp; Education</option>
                                                <option value="transportation" >Transportation</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div id="city-form-item" class="form-group" style="">
                                        <label for="city" class="control-label">City<span class="required">*</span>:</label>
                                        <div>
                                            <input type="text" name="city" id="city" class="form-control " style="" placeholder=""  value="" />
                                        </div>
                                    </div>
                                    <div id="unit-form-item" class="form-group" style="">
                                        <label for="unit" class="control-label">Unit<span class="required">*</span>:</label>
                                        <div>
                                            <input type="text" name="unit" id="unit" class="form-control " style="" placeholder=""  value="" />
                                        </div>
                                    </div>
                                    <div id="verify_status-form-item" class="form-group" style="">
                                        <label for="verify_status" class="control-label ">Verification Status:</label>
                                        <div>
                                            <select class="form-control form-control-sm" name="verify_status">
                                                <option>active</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 form-horizontal">
                                    <div id="company_size-form-item" class="form-group" style="">
                                        <label for="company_size" class="control-label">Company Size:</label>
                                        <div>
                                            <select class="form-control form-control-sm" name="company_size_key">
                                                <option value="0_to_50" >0 - 50</option>
                                                <option value="51_to_100" >51 - 100</option>
                                                <option value="50_to_100" >50 - 100</option>
                                                <option value="101_to_499" >101 - 499</option>
                                                <option value="500_to_999" >500 - 999</option>
                                                <option value="over_1000" >&gt; 1000</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div id="website-form-item" class="form-group" style="">
                                        <label for="website" class="control-label">Website Address:</label>
                                        <div>
                                            <input type="text" name="website" id="website" class="form-control " style="" placeholder=""  value="" />
                                        </div>
                                    </div>
                                    <div id="street-form-item" class="form-group" style="">
                                        <label for="street" class="control-label">Street<span class="required">*</span>:</label>
                                        <div>
                                            <input type="text" name="street" id="street" class="form-control " style="" placeholder=""  value="" />
                                        </div>
                                    </div>

                                    <div id="resumeForm-form-item" class="form-group" style="">
                                        <label for="resumeForm" class="control-label">Verification Document:</label>
                                        <div>
                                            <div class="input-group input-group-file" id="resumeForm" class="" style="" >
                                                <input type="text" id="file-company-verify-input" class="form-control" readonly="readonly" placeholder="">
                                                <span class="input-group-btn">
                                                    <a id="file-company-verify-link" class="btn btn-info" target="_blank" style="display:none;">
                                                        <i class="icon wb-eye" aria-hidden="true"></i>
                                                    </a>
                                                    <span class="btn btn-success btn-file">
                                                        <i class="icon wb-upload" aria-hidden="true"></i>
                                                        <input type="file" id="file-company-verify" readonly="readonly" />
                                                    </span>
                                                </span>
                                            </div>
                                            <div id="file-company-verify-progress" class="progress" data-plugin="progress" style="height:2px;">
                                                <div class="progress-bar progress-bar-warning" role="progressbar"></div>
                                            </div>
                                            <script type="text/javascript">
                                                jQuery(function ($) {
                                                    $('#file-company-verify').fileupload({
                                                        type: 'POST',
                                                        url: API_HOSTNAMES['data_api'] + '/api/v1/users/' + Api.Params()['id'] + '/resume',
                                                        dataType: 'json',
                                                        start: function (e, data) {
                                                            $('#file-company-verify-progress .progress-bar').css('width', '0%');
                                                        },
                                                        done: function (e, data) {
                                                            $('#file-company-verify-input').val(data.result.url);
                                                            $('#file-company-verify-link').attr('href', data.result.url).show();
                                                        },
                                                        progressall: function (e, data) {
                                                            var progress = parseInt(data.loaded / data.total * 100, 10);
                                                            $('#file-company-verify-progress .progress-bar').css('width', progress + '%');
                                                        }
                                                    });
                                                });
                                            </script>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="padding-bottom: 20px;">
                                <div id="logo-form-item" class="form-group" style="">
                                    <label for="logo" class="control-label">Company Logo:</label>
                                    <div>
                                        <div class="dropify-photos" style="width:20%;float:left;margin:0px 10px;">
                                            <input type="file" id="input-file-now-custom-4" data-plugin="dropify" data-default-file=""/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="padding-bottom: 20px;">
                                <div id="photos-form-item" class="form-group" style="">
                                    <label for="photos" class="control-label">Company Photo:</label>
                                    <div>
                                        <div class="dropify-photos" style="width:20%;float:left;margin:0px 10px;">
                                            <input type="file" id="input-file-now-custom-1" data-plugin="dropify" data-default-file=""/>
                                        </div>
                                        <div class="dropify-photos" style="width:20%;float:left;margin:0px 10px;">
                                            <input type="file" id="input-file-now-custom-2" data-plugin="dropify" data-default-file=""/>
                                        </div>
                                        <div class="dropify-photos" style="width:20%;float:left;margin:0px 10px;">
                                            <input type="file" id="input-file-now-custom-3" data-plugin="dropify" data-default-file=""/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn btn-lg btn-success">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <!-- Modal -->
            <div class="modal fade" id="confirmModal" aria-hidden="true" role="dialog" tabindex="-1">
                <div class="modal-dialog modal-center">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title"></h4>
                        </div>
                        <div class="modal-body">
                            <p></p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="button" class="btn btn-primary"></button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="alertModal" aria-hidden="true" role="dialog" tabindex="-1">
                <div class="modal-dialog modal-center">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                            <h4 class="modal-title"></h4>
                        </div>
                        <div class="modal-body">
                            <p></p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Modal -->
        </div>
        <!-- End Page -->

        <!-- Footer -->
        <script type="text/javascript" src="../_resource/js/footer.js"></script>

        <script>
        (function (document, window, $) {
            'use strict';

            var Site = window.Site;
            $(document).ready(function () {
                Site.run();
                $('textarea[maxlength]').maxlength({
                    threshold: 1000,
                    placement: 'bottom-left-inside'
                });

                $.components.register("datepicker", {mode: "default", defaults: {autoclose: !0}});

                if (RUN_FUNCS.length > 0) {
                    for (var i = 0; i < RUN_FUNCS.length; i++) {
                        RUN_FUNCS[i].call();
                    }
                }
            });
        })(document, window, jQuery);


        </script>
    </body>
</html>